@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
  
	font-weight: 300;
    color: #666;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    text-transform: inherit;
    font-weight: 700;
    letter-spacing: 1px;
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 26px;
}

p {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.6em;
        text-align: justify;
}

p.lead {
	font-weight: 600;
}

a {
    color: #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}

.light {
    font-weight: 400;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
	
}

.navbar-brand {
    font-weight: 700;
}
.navbar-brand {
  height: auto;
  padding:0;
  font-size: 18px;
  line-height: 1em;
}

.navbar-brand h1{
	color: #fff;
  font-size: 20px;
  line-height: 40px;
}

.navbar-brand:focus {
    outline: 0;
}

/*.menubg{  position: relative;    top:32px;   padding: 0 20px;     background-color: none;
    opacity: 0.9;}*/

.menubg{     padding: 10px;border-top: 3px solid #e00000;}    

.top-nav-collapse {  background: #fff; }

.top-nav-collapse .menubg{  top:0;}

.nav.navbar-nav {background:#fff;     margin-top:25px;}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: #fff;
}

.navbar-custom ul.nav li a {
	font-size: 14px;
	letter-spacing: 0;
    color: #000;
	text-transform: uppercase;
	font-weight: bold; 
}

.navbar-custom.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #333;
}

.navbar-custom ul.nav ul.dropdown-menu {
	  border-radius: 0;	    margin-top: 0;    padding: 0;
}

.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px; color: #333;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #e00000; color: #fff;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}
/*.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: #e00000;
}*/

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active a{
    outline: 0;
    background-color: #e00000; color: #fff;
}

.navbar-toggle {
    padding: 10px 11px;
    font-size: 14px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}
.proj-fy{
    color: #fff;
}
.project-para-fy2{
    color: #6c6c6c;
}
.proj-fy:hover{
    color: #fff;
}
@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .caret {
        transform: rotate(-90deg);
    }
}


.res-menu{ display: none;}


/* misc */
hr {
  margin-top: 10px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}

/* ===========================
--- General sections
============================ */

.home-section {
    padding:70px 0;
	display:block;
    position:relative;
}


.section-heading h2 {
	font-size: 40px; color: #03a4ae;
}
.section-heading i {
	margin-bottom: 20px; color: #03a4ae;
}


/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f8f8f8;
}


.bg-dark {
	background: #575757;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}


/* ===========================
--- Contact
============================ */

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
form#contact-form input,form#contact-form select,form#contact-form textarea {
	border-radius: 0;
	border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
  background-color: #fefefe;
  border: 1px solid #eee;
  border-radius: 0;
}

.widget-contact {
	text-align: left;
}





/
/* ==========================
Parallax
============================= */

#parallax1{	
	background-image: url(../img/parallax/1.jpg);
}

#parallax1:after {	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}


#parallax2{	
	background-image: url(../img/parallax/2.jpg);

}

#parallax2:after  {	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}


/* ===========================
--- Elements
============================ */

.btn {
	border-radius: 0;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 0;
    padding: 2px 16px;
    border: 2px solid #e00000;
    border-radius: 50%;
    font-size: 40px;
    color: #e00000;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666;
}


.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #e00000;
    background: rgba(255,255,255,.1);
}

.btn-circle.btn-dark :hover,
.btn-circle.btn-dark :focus {
    outline: 0;
    color: #999;
    background: #fff;
}

.btn-circle.btn-dark :hover i,
.btn-circle.btn-dark :focus i{
    color: #999;
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


#text {
    color: #fff;
    background: #ffcc00;
}

#map {
	height: 500px;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}




/*=================new css===================*/



.slogan p{ color:#fff; text-shadow:1px 1px 3px #333; font-family: 'Raleway', sans-serif;     font-weight: 600;}

/*===========about css==============*/
#about{ background:#141414;}

.aboutinfo p{ color:rgba(144,136,125,1); font-weight: 500; text-align:left;}

.aboutbox{ text-align:left;}

.aboutbox ul{ padding-left:20px;}

.aboutinfo h4{ text-align:left; color: #03a4ae;}

.aboutbox p{ color:rgba(144,136,125,1); font-weight: 500;}

.aboutbox li{color:rgba(144,136,125,1);  font-weight: 500;}

.aboutbox h4{ color:#eee; margin-bottom: 10px;}

.aboutinfo .borderdiv{ border-right:1px solid rgba(144,136,125,1);}



/*==========amenities css==============*/
#amenities{ background: url(../images/amenities-bg.jpg) no-repeat;}

.amenitiesdiv img{ border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 7px 15px rgba(0,0,0,0.42);
    border: 7px solid #fff;
    background-color: #fff;
   max-width: 60%;
    height: auto;}

.imgdiv1 img{ -webkit-transform: rotate(-10deg); transform: rotate(-10deg); width: 100%; }

.imgdiv2 img{     -webkit-transform: rotate(7deg); transform: rotate(7deg); width: 100%; margin: 25px 0 0 27%;}

.imgdiv3 img{     -webkit-transform: rotate(16deg); transform: rotate(24deg); width: 100%;     margin-top: 16px;}

.amenities_list ul{ padding-left: 20px; list-style: none;}

.amenities_list li{ text-align: left; color:#fff; font-size: 15px; line-height: 27px; background:url(../images/arrow.png) no-repeat 0 6px ;     padding-left: 20px;}

.amenities_list .fa{ margin-right: 15px; color: #03a4ae;}

/*===========rules css===============*/
#rules{ background:#222;}

.heading-about{ text-align:center;}

.rulesbox{}

.rulesbox ul{ padding-left:20px;}

.rulesbox li{ text-align: left; color:rgba(144,136,125,1); font-weight:600;     font-size: 15px; line-height: 27px;}

.rulesbox p{ color:#03a4ae; margin-bottom: 8px; font-weight:bold;}

.rulesbox h3{ margin-top:0; color: #03a4ae; font-weight:bold;}

.rulesbox1{ background:#03a4ae; color:#fff; padding:8px 10px; margin-bottom:10px; }

.rulesbox1 li{ color:#fff;}

.rulesbox1 h3{ background: #222; padding: 10px; margin-bottom:15px;}

.rulesbox1 h4{ margin-bottom:15px;}

/*==============tariff css==================*/
#tariff{ background:url(../images/tariff-bg.jpg) no-repeat;}

.tariffinfo p{ color:#fff; font-weight:600; margin-right:15px; text-align:center; font-size:18px;}

.tariffinfo .tariffpara{ display:inline-block;}

.tariffinfo a:hover{ color:#fff;}

.tariffinfo .fa{  color:#05f0f6; margin-right:8px;}

.tariffinfo h4{ color:#fff; text-align:center;}

.modal-dialog{     margin: 10% auto;}

.modal-backdrop{ z-index:0;}

.modal{     background: #0000007d;}

.modal-body p{ color:#333; display:block; text-align:left;     margin: 0 0 6px 0;}

.modal-content{ background:#f9f9f9; color:#fff;}

.tariffbox{text-align:center;}

.close{ font-size: 28px; opacity: 9;}

.tariffbox h3{ text-align:left; color:#fff;}

footer{ background:#333;}

#contact{ background: rgba(10,10,10,1)}

.tariffbox1 p{ display:inline-block; margin-bottom: 0;}

.tariffbox1 a{ font-weight:bold;}

.tariffbox1 .modal-body p{ display:inherit;}

/*============contact us css================*/
.map iframe{ width:100%; height:400px; border:2px solid #03a4ae;}

.footer-top .btn:hover{ background:#03a4ae; color:#fff;}

.footer-top h3{ color:#03a4ae;}

.footer-bottom a:hover{color:#e00000;}

.footer-top p{ color:#333;}

.footer-top a{ color:#333;}

.footer-top .fa{ color:#03a4ae; margin-right:8px;}

.social-network .fa{ color:#fff;}

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoInstagram:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:15px;     margin-right: 11px;
}
.social-circle i {margin:0;	line-height:41px; text-align: center; text-align: center; width: 40px; height: 40px; font-size: 15px;    border-radius: 50%;}

.social-circle  a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-network a{ background: #f7c51e;}

.social-network .sitemap{ background:none; color:#fff; text-transform:uppercase;  }

.social-network .sitemap:hover{ color:#ee1c25;}

/*===========location css=============*/
#location{ background:url(../images/location-bg.jpg) no-repeat;}

.airportbox .airportpara{ display:inline-block; font-size:16px; font-weight:bold; color:#fff; margin-right:15px;}

.airportbox h3{ color:#fff; margin-bottom:10px;}

.airportbox{     background: #03a4ae; padding:15px;}

.airportbox p{ margin-bottom:0; font-size:15px;     font-family: 'Raleway', sans-serif;}

.airportbox .fa{ margin-right:15px;}

.locationbox{ margin-top:15px;}

.locationbox h3{ background: #03a4ae; color:#fff; text-align:center; margin: 0; padding: 15px;}

.locationbox ul{ padding-left:20px; margin-top:20px;}

.locationbox li{ color:#fff; line-height:24px; font-weight:600; font-size:15px; }

/*==========gallery  css================*/

#gallery{    background: #222;}

.res-heading{ display:none;}

.top-nav-collapse .navbar-brand img{ }


.top-nav-collapse .navbar-nav>li>a{ padding:8px 20px;}

/* validation contact form*/
.footer-top .errMsg {
	color: red; text-align:center; padding-bottom:8px; font-size: 16px;
}
.footer-top .successMsg {
	color: green; text-align:center; padding-bottom:8px; font-size: 16px;
	
}

/*=================new website css===============*/

.bannerdiv{ }

.bannerdiv ul{ padding-left: 10px;border-top: 2px solid #fff;
    padding-top: 10px;
    margin-top: 10px; }

.bannerdiv ul li{ float: left; margin: 0 24px; font-size: 16px;}

.bannerdiv .uldiv{ width: 70%;}

.bannerdiv .uldiv li{ float: none;}

.bannerdiv .carousel-caption {
    padding: 25px 5px;
    width: 25%;
    top: 93%;
    text-align: left;
    left: 0%;
    background: #c50606a3;
    bottom: 10%;
    height: 5%;
    line-height:20px;
}

.bannerdiv h3 {
    margin-top: -13px;
    padding-left: 5px;
    font-weight: normal;
    line-height: 20px;
    font-size:16px;
    right:40%;
}

.slider-info{ background: #f7c51e;padding: 4px 15px;margin: 0; display: inline-block;}

.slider-info p{ color: #333; font-size: 25px; font-weight: 600; margin: 0;}

.bannerdiv .carousel-caption .fontnormal{ font-weight: normal; margin: 10px 0;}

.bannerdiv p{ margin: 0; font-size: 17px;}

.carousel-control{ z-index: 10;}

.home-heading{ text-align: center; padding: 15px 0; background:#e00000;}

.home-heading p{ margin: 0;color: #fff; font-size: 16px;}

.home-heading .smallpara{ font-size: 16px; }

.project-btn a{ text-align: center; background: #f7c51e; display: block;color: #333333;border: 1px solid #adadad;padding: 6px 18px;font-size: 18px;}

.project-section{ padding: 40px 0;}

.proj-info .propara{ text-transform: uppercase; color: #f7c51e; font-weight: bold;}

.proj-info img{ width: 100%; margin: 8px 0;}

.proj-info h6{ margin: 0; font-size: 15px;    color: #333;}

.proj-info p{ font-size: 13px; color: #999999;   margin: 6px 0;}

.proj-info a{ text-transform: uppercase; font-size: 14px; font-weight: bold; color: #1098cb;}

.proj-info a:hover{ color: #f7c51e;}

.numbersdiv{ cursor: pointer;}

.numbers-bg .paddingdiv{ border-radius: 5px; margin: 1px;padding: 40px 20px; height: 220px;}

.numbers-bg .remove-p{ padding: 0;}

.numbers-bg .icondiv{     padding-top: 8px;text-align: center;border-radius: 50px;border: 2px solid #fff;
    width: 75px;height: 75px;}
.numbers-bg .icondiv img{ width: 80%;}

.number_info{ position: relative; }

.slideUp{ position: relative; top: -25px;  transition:all 0.5s;}

.numbersdiv h3{ font-weight: bold; color: #000; font-size: 24px;margin: 22px 0;}

.numbersdiv p{  color: #fff;font-size:35px;font-weight: bold;text-align: center; margin: 0;}

/*.numbersdiv .hoverdiv p{line-height: 22px;  border-top: 2px solid #e8e6e6; padding-top: 10px; font-size: 19px; margin: 12px 0 0 0; opacity: 0; bottom: -70px; position:relative;transition:all 0.5s; }*/
.numbersdiv .projectpara {
    line-height: 18px;
    border-top: 2px solid #e8e6e6;
    padding-top: 10px;
    font-size: 15px;
    margin: 12px 0 0 0;
}

.about-section{ overflow: hidden;}

.aboutdiv h2{    position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.08);font-size: 30px;    
margin-bottom: 15px;padding-bottom: 25px; margin-top: 0;color: #fff; }

.aboutdiv h2:after{ position: absolute;content: "";background: #dbd9da;height: 3px;width: 50px;bottom:-1px;left: 0;}

.aboutdiv p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 6px;
    padding-bottom: 0;
}
.home-about{ margin-top: 30px;}

.whyusdiv img{ width: 100%; margin-bottom: 15px; border:2px solid #f7c51e;}

.aboutdiv .redmorebtn a{     display: inline-block;    border: 3px double #fff; display: inline;text-transform: uppercase;color: #fff;font-weight: bold;background: #e00000;padding: 5px 15px;font-size: 12px;}

.aboutdiv .redmorebtn a:hover{ background: #000;}

.award-heading h2{ color: #e00000;}

.profilediv{ padding: 40px 0; background: #eee;}


.profileimg .thumbnail{ background: none; border-radius: none; border: none;}

/*Panel tabs*/
.panel{ background: none;    box-shadow: none;}
.panel-tabs {
    position: relative;
    bottom: 0;
    clear:both;
    border-bottom: none;
    margin: 0 0;
    text-align: center;
}

.panel-tabs > li {
    float: none;
    margin-bottom: -1px;
    font-weight: bold;
    display: inline-block;

}

.panel-tabs > li > a {
    margin-right: 0;
    margin-top: 0;
   padding: 22px;text-transform: uppercase;
    
    font-size: 15px;
    line-height: .85;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #ffffff;    
  transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    
}

.panel-tabs > li > a:hover {
    border:none;
    color: #ffffff;
      transform: skew(-15deg);background-color: rgba(255,255,255, .23);
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255,255,255, .23);
    border-bottom-color: transparent;      transform: skew(-15deg);

}

.panel-primary{ }

.panel-heading{ padding: 0;}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #333333;
    border: none;
}

.panel-primary{ border: none; margin-bottom: 0;}

.borderdiv{ border-bottom: 2px solid #e00000;}

.footertop{ background: url(../images/title-area-pattern.png) repeat #f2f2f2; padding: 20px 0;}

.widget-contact a{ color: #666;}

.dropdown-menu>li>a:hover{ background: #f7c51e;}

.profileimg .viewgallerybtn{text-align: center;    padding-bottom: 0;}

.profileimg .viewgallerybtn a{ background: #333; color: #fff; padding: 8px 20px; display: inline-block; font-weight: bold; text-transform: uppercase;}

.profileimg .viewgallerybtn a:hover{ background: #e00000;}

.panel-body { padding: 15px 0 0 0;}

.footertop h3{     position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    color: #333;}

.footertop h3:after{ position: absolute;
    content: "";
    background: #f7c51e;
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;}    

.profileimg p{ margin: 8px 0 0 0; font-size: 15px; color: #333; text-align: center; text-transform: capitalize;}

.profileimg a{ color: #fff;}

.paddingdiv{ padding: 22px 0;}

.navbar-custom.top-nav-collapse ul.nav li.active a{ color: #fff;}

.navbar-nav>li>a {padding-top: 8px;padding-bottom: 8px;}

.numbers-bg{ padding: 50px 0; background:#eee;}

.red-bg{ background: rgba( 80, 170, 57, 0.72 );transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;}

.red-bg:hover{ background-color: rgba( 80, 170, 57, 1 );}

.blue-bg{ background: rgba( 255, 255, 255, 0.72 );transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;}

.blue-bg:hover{ background-color: #fff;}

.purple-bg{ background: rgba( 247, 148, 30, 0.72 );transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;}

.purple-bg:hover{ background-color: rgba( 247, 148, 30, 1 );}

.yellow-bg{ background: rgba( 44, 183, 223, 0.72 );transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;}

.yellow-bg:hover{ background-color: #2cb7df;}

.faintgreen-bg{ background: rgba( 255, 242, 0, 0.72 );transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;}

.faintgreen-bg:hover {
    background-color: #fff200;
}

.darkred-bg{ background: rgba( 237, 28, 36, 0.72 );transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;}

.darkred-bg:hover {
    background-color: rgba(237, 28, 36, 1);
}

.darkblue-bg {
    background: rgba(34, 110, 224, 0.72);
    transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;
}

.darkblue-bg:hover {
    background-color: #246ee0;
}

.darkpurple-bg{ background:rgba( 102, 49, 222, 0.72 );transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;}

.darkpurple-bg:hover{ background-color:#6631de;}



.icondiv .fa{ color: #fff; font-size: 50px;}


.navbar-fixed-top{ position: relative;}

.about-section .redbox{ background: #e00000;  padding: 40px 8%; height: 500px;}

.about-section .blackbox{ background: #fff; padding: 40px 8% 40px 30px; height: 500px;}

.titlediv{ text-align: center;}

.titlediv .initiatives-title{ color: #e00000; font-weight: bold;}

.footer-bottom{  background: #333; padding: 15px 0;}

.footer-bottom p{ color: #fff; margin: 0; font-size: 14px; }

.footer-bottom .credits{ color: #333;}

.footer-bottom p a{ color: #fff; display:inline-block;}

/*.page-scroll{ text-align: center;}*/

.footer-bottom .p-t{ padding-top:15px;}

.socialicon .fa{ text-align: center;border: 1px solid #b3b2b2; width: 35px; height: 35px; background: #333333; color: #fff; border-radius: 50%; padding-top: 11px;}

.socialicon .fa:hover {
    background: #e00000;
}

.projects-title{ color: #e00000;  font-weight: bold; }

.updatedinfo{ background: #e00000; padding:30px 0;}

.updatedinfo p{ font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 0;}

.updatedinfo .input-group {
    margin: 0 auto;
    width: 100%;
}
.updatedinfo input.btn,
.updatedinfo input.btn.:focus {
    outline: none;
    width: 80%;
    height: 40px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.updatedinfo button.btn {
    width: 20%;
    height:45px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.updatedinfo .promise {
    color: #999;
}

.updatedinfo .btn {width: 78%; font-size: 15px;text-align: left;}

.updatedinfo .btn-lg{ padding: 6px 16px;}

.updatedinfo .btn-info{background: #333;     vertical-align: middle;     border-radius: 0;border: none;}

.updatedinfo .btn-info:hover{ background: #333; }


.rightpara p{ text-align: right;}

/*.bannerdiv .carousel-inner>.item>img, .carousel-inner>.item>a>img{ height: 490px;}*/

.bannerdiv .carousel-caption a{ display: inline-block; background: #000;
    padding: 3px 8px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px; margin-top: 10px; }

.bannerdiv .carousel-caption a:hover{ background: #e00000;}

.mapdiv iframe{ width: 100%; height:240px;}

.adressdiv{ padding: 20px 0; border-bottom: 1px solid #000;}

.adressdiv h3{  color: #fff; font-size: 20px;}

.adressdiv p{ margin-bottom: 27px; }

/*.adressdiv .fonticon{ color: #fff;     margin-right: 10px; border-radius: 50%;     padding:6px 10px;text-align: center;background: #e00000;}*/

.adressdiv h3{ position: relative;    margin-bottom: 15px;
    padding-bottom: 15px;     border-bottom: 1px solid rgba(0, 0, 0, 0.08);}

.adressdiv h3:after {
    position: absolute;
    content: "";
    background: #dbd9da;
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
}

.formdiv .form-group{ text-align: right;}

/*===============about us css=============*/
.innerbanner img{ width: 100%;}

.innerbanner{ position: relative;}

.innermenu{  position: absolute;left: 0;right: 0;margin: 0 auto;  top: 24px;}

.innermenu .navbar{ background: none;}

.innermenu .whitebg{ background: #fff; opacity: 0.9; border-radius: 5px; border-top: 3px solid #e00000;}

.innermenu .menubg{ padding: 4px 10px;border-top:none;}

.innermenu .navbar-brand img{  width: 171px;}

.innermenu .nav.navbar-nav{  margin-top: 22px;}

.innertitle h2{ text-align: center; color: #333; font-weight: bold; font-size: 40px;}

.aboutpage{ padding: 30px 0; background: #f5f5f5; }

.about-info .teamimg { width: 100%;}

.ishanyainfo h3{margin-bottom: 10px; color: #e00000; font-weight:bold; position: relative;     padding-bottom: 15px;}

.ishanyainfo h3:after{position: absolute;content: "";background: #333;height: 3px;width: 50px;bottom: -1px;left: 0;}

.ishanyainfo ul{ padding-left: 0; list-style: none;}

.ishanyainfo li{ font-weight: bold; border-right: 1px solid #333; display: inline-block; padding: 0 11px; color: #333;}

.ishanyainfo p{ color: #333; font-size: 15px; margin-bottom: 10px;}

.ishanyainfo li:last-child{ border-right: none; }

.ishanyainfo .p-l-remove{ padding-left: 0;  font-size: 15px;}

.about-box {
    padding: 15px 0 0 0;
    margin: 0;
    border-top: 1px solid #d2cfcf;
}

.number-box .imgbox h4 {
    color: #e00000;
    font-size: 30px;
    margin-bottom: 0;
}

.about-box h3{ padding-bottom:10px; margin-bottom: 10px; color: #e00000; 
    font-size: 20px;
    font-weight:bold;
    position: relative;
    border-bottom: 4px solid #333;
    display: inline-block;
    }

.about-box .borderdiv1{border:2px solid #333; width: 50px; margin-bottom: 10px;}

.about-box ul{ padding-left: 0; list-style: none;}

.about-box li{ font-size: 15px; color: #333; background: url(../images/arrow.png) no-repeat 0 6px;    padding: 0 0 13px 28px;}

.about-box p{ font-size: 15px; color: #333;}

..webpage-about {
    padding: 117px 0;
}

.webpage-about .left-design-edge {
    margin-bottom: 0;
    padding: 179px 0 0 0;
    text-align: left;
}

.webpage-about .left-design-edge {
    position: relative;
    z-index: 2;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.webpage-about .computer-desk-wrapper {
    position: inherit;
    z-index: 1;
}

.webpage-about .computer-desk-wrapper {
    min-height: 504px;
}

.webpage-about .left-design-edge:before {
    height: 453px;
    right: -195px;
    top: 52px;
    width: 1589px;
    background: url(../images/test.png) no-repeat left center;
}

.webpage-about .left-design-edge {
    margin-bottom: 0;
    padding: 100px 0 0 0;
    text-align: left;
}

.webpage-about .left-design-edge:before {
    position: absolute;
    content: "";
  /*  right: 0;
    top: 0;*/
}

.left-design-edge .positiondiv {
    margin-bottom: 0;    position: relative; color: #fff;
}

.left-design-edge ul{ padding-left: 0; list-style: none;}

.left-design-edge li{ color: #fff;  font-size: 15px;}

.left-design-edge li .fa{ margin-right: 10px;}

.teamimg img{ width: 100%;}

.webpage-about .computer-desk {
    position: absolute;
    left: -27px;
    right: 0;
}

.webpage-about{ padding-bottom: 40px;}

.pdfdiv{ background: #fcfcfc; padding: 30px 0;}

.pdfinfo{ text-align: center; padding-top: 12%;}

.pdfinfo h1{ color: #e00000;font-weight: bold; text-align: center;}

.pdfinfo p{  color: #333;font-size: 18px;}

.heading {
    width: 100%;
    margin: 30px 0 0 0;
    line-height: 1px;
    text-align: center;
    background-color: #e00000;
}

.heading span{
    padding: 0 5px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 900;
    color: #e00000;
    background-color: #fff;
}

.pdfinfo a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    background: #37322f;
    color: #fff;
    margin: 28px 0 0 0;
    padding: 12px 10px;
}


.pdfinfo a:hover{ background: #e00000; color: #fff;}

.tableinfo{ padding:30px 0 0 0;}

.table-heading h1{ color: #e00000; text-align: center; font-weight: bold;}

.redbox{ background:rgba( 80, 170, 57, 1 );}

.tablebox h5{ height: 50px; margin: -13px 0 0 0;color: #fff; text-transform:capitalize; background: #76ca60; padding: 10px; text-align: center; font-size: 15px;}

.tablebox .numbericon{border: 2px solid #fff;margin-bottom: 0; width: 70px; height: 70px; border-radius: 50%; background: #76ca60; position: relative; top: -35px; left: 42%;}

.tablebox .numbericon p{font-size: 18px; padding-top: 18px; margin: 0; color: #fff; text-align: center; font-weight: bold; margin: 0;}

.whitebox{ background: #fff; border: 1px solid #d4d3d3;}

.graybox{ background: #f4f4f4;}

.graybox p{ margin-bottom: 0; padding: 4px; font-size: 14px; line-height: 20px;}

.whitebox p{ text-align: center; margin-bottom: 0; padding: 4px; font-size: 13px; height: 30px; color: #333;}

.tablebox{ margin:22px 0;}

.tablebox .padding-remove{ padding: 0;}

.tablebox .bluediv{ background: #eaeaea;}

.tablebox .bluediv .numbericon{ background: #eaeaea;}

.tablebox .bluediv h5{ background: #fff;}

.tablebox .purple{ background: rgba( 247, 148, 30, 0.72 );}

.tablebox .purple .numbericon{ background: #e6ae6d;}

.tablebox .purple h5{ background: #e6ae6d;}

.tablebox .yellow{ background: rgba( 76, 197, 214, 0.72);}

.tablebox .yellow .numbericon{ background: #36c2d6;}

.tablebox .yellow h5{ background: #2cb7df;}

.tablebox .green{ background: rgba(255, 242, 1, 0.38);}

.tablebox .green .numbericon{ background: #fff201;}

.tablebox .green h5{ background: #fff200;}

.whitebox .table{ margin-bottom: 0;}

.whitebox .table tr td{ padding: 0;}

.awrdsdiv .carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    width: auto;
}

.awrdsdiv1 .carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    width: auto;
}


.awrdsdiv a{ color: #fff;}

.awrdsdiv a:hover{ color: #fff;}

.awrdsdiv h3{margin-left: 20%;}

.navbar-right .dropdown-menu {left: 0;}

.youtube-sec{ padding: 30px 0;}

.inner-bg{ background: #e00000;}

.inner-bg h2{ color: #fff; margin: 0; padding: 20px 0; text-align: center;}

.teaminfo{ margin: 0 auto;  padding: 30px 0 40px 0;}

.teambg{ background: #f5f5f5;/* height: 345px;*/ height: auto; text-align: center; padding:10px 30px; border: 1px solid #cccbcb; margin-top: 22%;}

.teambg .teamimg1{ margin-top: -77px;}
.mehataimg img{border-radius:100%;}
.teambg p{ margin-bottom: 0;}

.teambg h4 {
    margin-bottom: 12px;
    font-size: 16px;
}

.teaminfo .thumbnail{ background: none; }

.teaminfo h1{ color: #e00000;
    text-align: center;
    font-weight: bold; }


.donorslist{ background: #fcfcfc; padding: 40px 0;}

.donorslist h2{ text-align: center; color: #e00000;}

.donorslist .thumbnail{ width: 80%; margin: 0 auto;}

.info-effect{ padding: 40px 0 30px 0;}

.info-effect img{ width: 100%;}

.info-effect ul{ list-style: none; padding-left: 0;}

.info-effect li{ padding: 3px 0; font-size: 15px;}

.info-effect .righticon{ margin-right: 15px;}

.teamimg1 img{ margin-bottom: 15px;}

.youtube-sec h2{ text-align:center; color: #e00000;}

.youtube-sec img{ width: 100%;}

.youtube-sec iframe{ width: 100%; height: 360px;}

.teambg .smallpara{ font-size: 13px; color: #e00101; margin-bottom: 15px; text-transform: capitalize;}

.awrdsdiv .carousel-control.left{ background-image:none;}
.awrdsdiv .carousel-control.right{ background-image:none;}

.aboutdiv a {color: #e00000;}

.aboutdiv .carousel-control{ width: 27%; opacity: inherit; text-shadow: none; color: #e00000;}

.aboutdiv a:hover {color: #e00000;}

.textpara{ padding-top: 90px;}

.textpara h2 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}

.textpara p{ font-size: 18px;}

.textpara a{ display: inline-block; background: #e00000;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase; border: 2px solid #fff;}

.textpara a:hover { background: #fff; border: 2px solid #e00000; color: #e00000;}

.hoverdiv1 p{ color: #6c6c6c;}

.numbersdiv .hoverdiv1 p{     border-top: 2px solid #6c6c6c;}

.numbers-bg .icondiv1 {    border: 2px solid #6c6c6c;}

.numbersdiv1 p{ color: #6c6c6c;}

.tablebox1 h5{ color: #6c6c6c;}

.tablebox .numbericon1 p{ color: #6c6c6c;}

.award-heading h2:after {
    position: absolute;
    content: "";
    background: #e00000;
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
}

.textpara .modal-body{ padding:0 15px;}

.textpara .modal-header{ border-bottom: none;}

.textpara h4{ color: #e00000; text-align: center; }

.textpara .modal-dialog { margin: 5% auto;}

.textpara .btn-primary{ background: #e00000; border:none; text-align: center;}

.dropdown-submenu {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.dropdown-submenu>.dropdown-menu {
    top: 6px;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .navbar-nav {
        display: inline;
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #e00000;
    }
    .navbar-default .navbar-nav .dropdown-menu>li>a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        background-color: #ccc;
    }
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }
    .dropdown-menu {
        padding-left: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }
    li.dropdown.open {
        border: 0px solid red;
    }
}

@media (min-width: 768px) {
    ul.nav li:hover>ul.dropdown-menu {
        display: block;
    }
    #navbar {
        text-align: center;
    }
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #e00000;
}

.navbar-default .navbar-nav>li>a {
    font-size: 13px;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.dropdown-menu {
    padding: 0;
}

.dropdown-menu>li>a:hover {
    background: #e00000;
    color: #fff;
}

.dropdown-menu>li>a {
    font-size: 13px;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 20px;
    text-align: left;
}

.navbar-nav .dropdown-menu li {
    border-bottom: 1px solid #f5f5f5;
}

.navbar-nav .dropdown-menu li:last-child {
    border-bottom: none;
}

.navbar-nav .responsive-menu {
    display: none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #e00000;
}

.navbar-default {background-color: #fff;}

.dropdown-submenu .dropdown-menu {
    min-width: 290px;
}

.contact-page{ padding: 30px 0;}

.contact-page .mapdiv{ margin-bottom: 30px;}

.contact-page .mapdiv iframe{ border:1px solid #000;}

.contact-page .adressdiv1{ border-bottom: none; padding-bottom: 0;}

.contact-page .btn{ background: #e00000; color: #fff; padding: 10px 20px; text-align: center; font-weight: 600; text-transform: uppercase;
font-size: 16px;  width: 100%;}

.contact-page .btn:hover{ background: #333;}

.graybox{ background: #fff; box-shadow: 1px 1px 12px #d6d3d3;}

.stories-info{ padding:20px; }

/*.stories-box img{ width: 100%;} */

.stories-box h3{  margin-bottom: 10px; text-transform:capitalize; font-size: 16px; font-weight: bold; line-height: 22px;}

.stories-box{ margin-bottom: 36px;}

/*.stories-box .arrowdiv:after {
    content: '';
    position: absolute;
    left: 94%;
    top: 57%;
    margin-top: -41px;
    border-left: 0;
    border-bottom: 25px solid transparent;
    border-top: 27px solid transparent;
    border-left: 24px solid #17b75f;
}*/

.remove-padding{ padding: 0;}

.img10{ margin: 0 20px 10px 0;}

.stories-info1{ padding: 0;}

.stories-box1{ padding: 20px;}

.stories-box1 img{ width: 100%;}

.stories-img img {
    width: 100%;
}

.innerpage{ padding: 30px 0;}

/*================gallery page css===================*/

/*  bhoechie tab */

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 20px;
    margin-left: 50px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-top: 20px;
    padding-left: 0;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 20px;
    height: auto;
}

div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #ee1c25;
    color: #ffffff;
    margin-left: -10px;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -38px;
    border-left: 0;
    border-bottom: 36px solid transparent;
    border-top: 40px solid transparent;
    border-left: 36px solid #ee1c25;
}

div.bhoechie-tab-content {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 40px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}



.gallry-graybox {
    background: #e6e7e8;
}

.servicesicon .icondiv img {
    width: 60px;
    margin-right: 10px;
}

.servicesicon .heading1 {
    float: left;
    width: 73%;
}

.servicesicon h4 {
    font-size: 14px;
    margin:8px 0 0 0; 
    font-weight: 600;
    text-transform: capitalize;
    text-align: left; letter-spacing: 0; line-height: 20px;
}

.servicesicon1 h4{ margin-top: 15px}


a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}

.list-group-item {
    padding: 6px;
    background: #e6e7e8;
    border: none;
}

a.list-group-item,
button.list-group-item {
    color: #cd1419;
}

.servicesdiv .icondiv {
    float: left;
}

div.bhoechie-tab-menu div.list-group>a.active::before {
    border-left: 11px solid transparent;
    border-top: 16px solid #810306;
    border-right: transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    bottom: -15px;
    width: 7px;
}

.gallery-sec .icondiv {
    float: left;  margin-bottom: 2px;
}

.gallery-sec .titlediv{ background: #10081d; margin-left: -10px;}

.gallery-sec .titlediv h3{ color: #fff; padding:8px 20px;     margin-top: -15px;}

.gallery-sec .titlediv::before {
    border-left: 11px solid transparent;
    border-top: 16px solid #810306;
    border-right: transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: relative;
    bottom: 0;     top: 42px;
    width: 7px;
}


.gallery-heading{  border-bottom: 5px double #e6e7e8;  margin-bottom: 20px;}
.gallery-heading h2{ color:#e00000; margin-bottom: 8px; }
.gallery-heading p{ margin-bottom: 15px; font-size: 22px; color: #e00000;}

.gallery-box {
    position: relative; overflow: hidden;
}

.gallery-box h4{  color: #333; font-size: 18px; margin-bottom: 0; display: inline-block; padding-bottom: 0;}

.gallery-box img{ width: 100%; margin: 0 0 20px 0; border: 1px solid #e3e3e3;
    box-shadow: 0 0 7px 2px #e3e3e3;
    background: #fff;
    padding: 4px;}

.projects-title h2{  color: #333; text-transform: capitalize; margin-bottom: 8px; font-size: 24px;}

.projects-title .linediv {
    border: 2px solid #e00000;
    width: 66px;
}

.projects-title{ margin-bottom: 30px;}

.projects-box ul{ padding-left: 20px; list-style: square;}

.projects-box li{ font-size: 15px; padding-bottom: 8px;}

.projects-graybox{  margin-bottom: 10px; }

.projects-graybox img{ width: 100%; border: 1px solid #e3e3e3; box-shadow: 0 0 7px 2px #e3e3e3;  background: #fff; padding: 4px;}

.projects-graybox p{margin: 7% 0 0 0; font-size: 15px;}

.vocational-training{ background: url(../images/number-bg.jpg) no-repeat; padding: 30px 0; background-size: cover;}

.vocational-training h3{ text-align: center; color: #e00000; margin-bottom: 15px; }

.bg-box h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    margin-bottom: 10px;
    text-align: center;
}
.vocational-training .bg-box p{ font-size: 16px;}
.vocational-training .bg-box h4{ text-align: center; text-transform: inherit;}
.vocational-training .bg-box p{ text-align: center;}

.bg-box img {
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 7px 2px #e3e3e3;
    padding: 4px;
}

.bg-box p{ color: #333; margin-bottom: 0; font-weight: 600; line-height: 18px;}

.middle-border{ border: 2px solid #e00000; width: 15%; margin: 15px auto;}

.bg-box{ margin-top: 0;}

.projects-box{ padding-bottom: 30px;}

.service-training{ padding: 0 0 0 0;}

.service-training h3 {
    color: #333;
    margin: 8px 0;
    font-size: 22px;
}

.left-border{ border: 2px solid #e00000; width: 15%; margin: 15px 0;}

.bg1{ /*background: url(../images/bg1.jpg) no-repeat;*/ padding: 40px 0;     background: #f7f7f7;}

.img-collage img{ margin: 0 0 8px 0; width: 98%; height: 210px;}

.img-collage{ position: relative;}

.overlay-para{ position: absolute; bottom: 8px; background: #10081dad;  width: 98%; padding: 6px;}

.overlay-para p{ color: #fff; margin-bottom: 0; line-height: 18px; font-size: 14px; text-align: center;}

.p-remove{ padding: 0;}

.smallpara{ position: relative; top: -5px; font-size: 12px;}

.bg1 ul{    padding: 3% 30px 0 20px;}

.bg1 li{ font-size: 16px; color: #333; padding-bottom: 20px;}

.training-based-icons{ background: #10081d; padding: 20px 0;}

.icons-box .ser-icon{ float: left; width: 60px;}

.icons-box .ser-info{ float: left; width: 276px; margin: 6px 0 0 12px;}

.ser-info h4{ margin-bottom: 0; color: #fff; font-size: 22px;}

.ser-info p{ color: #fff; font-size: 16px; margin-bottom: 0;     line-height: 20px;}

.training-based-icons .col-md-3 { width: 20%; padding: 0; }

.softskil-training-sec{ padding: 30px 0 0 0;}

.softskil-training-sec h3 {
    text-align: left;
    color: #333;
    margin-bottom: 8px;
    font-size: 22px;
}

.left-border {
    border: 2px solid #e00000;
    width: 66px;
    margin-bottom: 20px;
}

.beautician-box .number-box h4 {
    color: #e00000;
    font-size: 30px;
    margin-bottom: 0;
}

.number-box p{ color: #e00000; font-size: 15px;  margin-bottom: 0;}

.number-box img{ margin-right: 15px;}

.mahila-melawa-sec h3 {
    margin-bottom: 8px;
    color: #e00000;
    text-align: center;
    font-size: 22px;
}

.imgborder{ background: #e2e1e1; padding: 5px; width: 100%;}

.img-para{color: #e00000; text-align: center; font-weight: 600; margin-top: 5px; line-height: 20px;}

.melawa-info p{ margin-bottom: 10px;}

.lab-sec h3{ color: #333; margin-bottom: 8px;}

.lab-sec ul{ padding-left: 20px;}

.lab-sec li{ font-size: 15px; color: #333; padding-bottom: 8px;}

.lab-sec .fonticon{ margin-right: 4px;}

.border-line{ text-align: center; padding: 20px 0;}

.health-camps-sec{ background: url(../images/health-camp-bg.jpg) no-repeat; padding: 0 0; background-size: cover;}

.camp-info{ background: #e00000; opacity: 0.8;  text-align: center; padding: 30px 20px;}

.camp-info h3{ color: #fff; margin-bottom: 8px;}

.camp-info .left-border{ border: 2px solid #fff; margin: 0 auto; }

.camp-info img{ width: 100%; }

.health-img{ color: #fff; font-size: 16px;}

.camp-info p{ color: #fff; padding: 8px;  margin-bottom: 0;}

.camp-icon{ text-align: center; padding-top: 80%;}

.camp-icon img{ margin-bottom: 15px;}

.camp-icon h4{ color: #10081d; font-size: 60px; margin-bottom: 15px;}

.camp-icon p{ color: #e00000;  font-size: 20px; text-transform: uppercase; font-weight: 600;}

.camp-info h4{ color: #fff; margin-bottom: 15px;}

.camp-info ul { margin: 0 auto; width:56%;}

.camp-info li{ color: #fff; text-align: left; padding: 0 5px; margin-right: 32px; font-size: 15px;}

.mentoring-sec{ padding: 50px 0 30px 0;}

.mentoring-sec h3{ margin-bottom: 8px; color: #333; font-size: 22px;}

.mentored-icon{ margin-bottom: 15px;}

.mentored .right-border { border-right: 5px solid #e2e1e1; float: left;}

.mentored h3{ background: #e00000; padding: 20px; text-align: center; color: #fff; margin: 0 15px 0 0; float: left;  font-size: 30px; }

.mentored .mentored-icon p{ color: #333; font-size: 22px; float: left; padding-left: 13px;     margin-top: 14px;}

.mentored p{ color: #e00000; text-align: center;}

.mentoring-sec .img-para{ color:#e00000;  margin-bottom: 20px;}

.m-t-sec{ margin: 40px 20px;}

.training-sec{ padding: 30px 0;}

.accordian-info h3{ margin: 20px 0; color:#e00000; border-bottom: 4px solid #333; display: inline-block; padding-bottom: 10px;}

.accordian-info .panel-body { padding: 20px;}

.responsive-panel{ display: none;}

.bg-circle{  position: relative; top: 147px;}

.number-circle {
    width: 120px;
    height: 120px;
    background: #e00101;
    border-radius: 50%;
   margin: 0 auto;
    text-align: center;
    padding: 11px;
}

.number-circle h4{ color: #fff; font-size: 38px; margin: 0;}

.number-circle p{ color: #fff; font-size: 15px; line-height: 22px; margin-bottom: 0;}

.num-border{ border: 4px solid #e00101; width: 50px; float: right;    margin-top: -62px;}

.num-border1{ float: left;}


.icons-box1{ margin: 0 20%;}

.icons-box .ser-info1{    width: 144px;}

.carousel-control.left{     background-image: none;}

.carousel-control.right{ background-image: none;}

.hero {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    background: #10081d;
}

.jk-slider{ margin-top: 20px;}

.gradient-border{ text-align:center; padding: 50px 0;}

.lab-sec{ padding: 30px 0;}

.mahila-melawa-sec {
    padding: 30px;
    background: #f7f7f7;
}

.res-number{ display: none;}

.awards-info{ margin-bottom: 30px;}

.awards-info img {
    width: 100%;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 7px 2px #e3e3e3;
    background: #fff;
    padding: 4px; margin-bottom: 15px;
}

.awards-info p{ margin-bottom: 15px;}

.redpara{ color: #e00000;}

.gray-box{ background: #f9f9f9; padding: 20px;     border: 1px solid #e3e3e3;
    box-shadow: 0 0 7px 2px #e3e3e3;}

.stories-info h4 {
    text-transform: capitalize;
    margin-bottom: 8px;
    font-size: 16px;
}

.stories-info .storypara{ font-size: 14px;  line-height: 24px;}

.m-top{ margin-top: 15px;}

.success-img img{ width: 100%; }


.awards-box{padding: 14% 11%;  background: #e00000; height: 257px;}

.awards-box2{ padding: 23% 11%; }

.awards-box3{ padding: 14% 7%;}

.awards-box p{ color: #fff; font-size: 15px; text-transform: uppercase;}

.award-img{ text-align: right; width: 182px; height: 257px;}

.award-img img{ background: none; border:none; box-shadow: none; width: 100%; padding: 0; margin-bottom: 0;}

.paading-remove{ padding: 0;}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #e00000;
    float: right;
    position: absolute;
    left: 65%;
    z-index: 1;
    bottom: 40px;
}

.press-gallery img {
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 7px 2px #e3e3e3;
    background: #fff;
    padding: 4px; width: 100%;
}

.press-gallery p{ background: #000; color: #fff; margin-bottom: 0; text-align: center; padding: 5px; font-size: 18px; font-weight: 600;}

.m-b{ margin-bottom: 15px;}

.livelihood-circle .num-box{ width: 150px;
    height: 150px;
    background: #10081d;
    border-radius: 50%;
    text-align: center;
    padding:37px 11px; margin: 10% auto;}

.livelihood-circle .num-box h4 {
    color: #fff;
    font-size: 26px;
    margin: 0;
}

.livelihood-circle .num-box p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
}

.red-para{ color: #e00000; text-align: center;     line-height: 20px;}

.livelihood-box{ border-bottom: 4px double #ccc; margin-bottom: 20px; padding-bottom: 20px;}

.cycleimg{ text-align: center;}

.livelihood-box h3 {
    background: #e00000;
    color: #fff;
    font-size: 16px;
  /*  text-transform: capitalize;*/
    padding: 15px;
}

.mt-93{ margin-top:107px;}

.livelihood-box img{ margin-bottom: 10px; width: auto;}

.livelihood-box .gray-box{ background:#f2f1f1; }

.livelihood-page h4 {
    color: #e00000;
    margin-bottom: 8px;
    font-size: 18px;
}

.yellow-ribbon-icon{ text-align: center; border: 1px solid #c9c9c9; padding: 15px;}

.yellow-ribbon-icon h4{ color: #e00000; font-size: 20px; font-weight: bold; }

.yellow-ribbon-icon img{ width: auto;}

.yellow-ribbon-icon p{ margin-bottom: 0; font-size: 15px;}

.table{ width: 100%;}

.mahila-bachat{  padding: 29px 30px; margin-bottom: 0;}

.m-b{ margin-bottom: 20px;}

.yellow-ribbon-tablebox{ border: 1px solid #c9c9c9;}

.tableinfo1:after{  width: 50%;   border-left: 2px dashed #8f9193; }

.yellow-ribbon-tablebox p{ margin-bottom: 0; padding: 5px;}

.yellow-ribbon-tablebox h4{padding: 9px; text-transform: capitalize; font-size: 14px;margin-bottom: 0; }

.padding-right{ padding-right: 30px; }

.padding-left{ padding-right: 30px; border-left: 2px dashed #8f9193;}

.ribbon-photo  p{ background: #10081d; color: #fff; margin-bottom: 0; text-align: center; padding: 5px;}

.ribbon-photo img{ margin-bottom: 0;}

.ribbon-photo{ position: relative;}

.img-collage1 img{ width: 98%;}

.Handcrafted-Products{ background: #10081d; color: #fff; padding: 5px; text-align: center;}

.tableinfo1 img{ margin-bottom: 0;}

.tableinfo1{ padding-top: 0;}


.handicrafts-box {
    padding:9% 11%;
    background: #10081d;
    height: auto;
}

.handicrafts-box p {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.art-img img {
    background: none;
    border: none;
    box-shadow: none;
    /* width: 100%; */
    padding: 0;
    margin-bottom: 0;
}

.handicrafts-bg .arrow-right {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #10081d;
    float: right;
    position: absolute;
    left: 57%;
    z-index: 1;
    bottom: 65px;
}

.handicrafts-bg{ margin-bottom: 30px;}

.handicrafts-bg img{ width: 100%;}

.red-background{ background:#e00000; color: #fff; padding: 5px; text-align: center; }

.handicrafts-bg ul li{ font-size: 15px; padding-bottom: 15px;}

.guests-info{ text-align: center;}

.guests-info img{ width: auto;}

.guests-info h3{ font-size: 30px; font-weight: bold; color: #e00000; margin-bottom: 8px;}

.guests-info p{ font-size: 18px; margin-bottom: 0;}

.handicrafts-bg{ position: relative;}

.wadi-page .wadi-box { text-align: center; border: 1px solid #c9c9c9; padding: 15px;}

.wadi-page .wadi-box h4{ color: #e00000; font-size: 20px; font-weight: bold; margin-bottom: 8px;}

.wadi-page .wadi-box p{ margin-bottom: 0; font-size: 15px;}

.wadi-info h3{ color: #e00000; margin: 10px 0;}

.wadi-info ul{ padding: 0 0 0 20px;}

.wadi-info img{ margin-bottom: 10px;}

.wadi-info ul li{ font-size: 15px; padding-bottom: 8px;}

.wadiinfo-sec{ border-bottom: 4px double #ccc; margin-bottom: 20px; padding-bottom: 20px;}

.wadiinfo-sec .panel-tabs{ margin: 0 18%;}

.tabbox .right-border {
    border-right: 5px solid #e2e1e1;
    float: left;
}


.redbox1{ margin-bottom: 15px;}

.tabbox .redbox1 h3 {
    background: #e00000;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin: 0 15px 0 0;
    font-size: 20px;
    width: 70px;
}

.tabbox .redbox1 p {
    color: #333;
    font-size: 20px;
    margin: 2px 0 0 0;
}

.keyinfo{ background: #10081d; padding: 20px; }

.keyinfo h3 {
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.keyinfo ul{  margin-bottom: 0;     padding-left: 20px;}

.keyinfo li{ font-size: 16px; color: #fff;  padding-bottom: 6px; }

.wadiinfo-sec ul li {
    padding-bottom: 8px;
    line-height: 22px;
    font-size: 15px;
}

.ulborder{ border-left: 2px solid #ccc;}

.wadiinfo-sec .ulbox1{ margin-top: 20px;}

.dairy-development-page h4 {
    color: #e00000;
    margin-bottom: 10px;
    font-size: 18px;
}

.dairy-development-page ul li {
    padding-bottom: 8px;
    font-size: 15px;
}

.dairy-images img{ margin-bottom: 10px;}

.dairy-info{  margin-top: 30px;}

.dairy-info .program{ background: #ececec; padding: 10px; text-align: center; margin-bottom: 15px;}

.dairy-info .program h4{ color: #e00000; margin-bottom: 8px; font-size: 20px;}

.dairy-info .program p{ color: #333; margin-bottom: 0;}

.wadiinfo-sec .panel-tabs li{ padding-bottom: 0; }

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus{ background-color: #10081d;}

.vocational-training-page img{ margin-bottom: 15px; width: 100%;}

.vocational-training-box{ text-align: center; background: #10081d; padding:20px 15px; border-radius:10px; margin-bottom: 20px;}

.trainingcentre-box{ border-bottom: 5px double #ccc; padding: 20px 0;} 

.trainingcentre-box h5 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #e00000;
}

.vocational-training-box h3{color: #e00000; font-size: 38px; margin-bottom: 10px; }

.vocational-training-box p{ color: #fff; margin-bottom: 0;}

.trainingcentre-box .iti-centreimg{ text-align: center; margin-top: 50px;}

.trainingcentre-box .iti-centreimg img{ border:2px solid #ccc; border-radius: 10px; margin-bottom: 10px;}

.trainingcentre-box ul{ padding-left: 20px;}

.trainingcentre-box .border-left{ border-left: 2px solid #ccc;}

.trainingcentre-box h4 {
    background: #10081d;
    font-size: 22px;
    color: #fff;
    padding: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.trainingcentre-box .ulbox h4 {
    color: #10081d;
    font-size: 16px;
    background: none;
    text-align: left;
    text-transform: capitalize;
}
.vocational-training-page ul{ padding-left: 20px; margin-bottom: 20px;}

.vocational-training-page ul li {
    padding-bottom: 8px;
    font-size: 15px;
}

.trainingcentre-box .ulbox ul{ padding-left: 35px;} 

.trainingcentre-box .ulbox ul li{ font-size: 15px;}

.trainingcentre-box .graybox{ background: #f9f9f9; box-shadow:none; padding: 15px;}

.iti-buildingimg{ margin: 20% 0;}

.iti-buildingimg img{ border: 2px solid #ccc; border-radius: 10px; width: 100%; margin-bottom: 20px; }

.iti-buildingimg p{ font-size: 15px;}

.livelihood-box .padding-remove{ padding: 0;}

.awrdsdiv .carousel-inner { margin-top: 30px; }

.cataloguebtn{ background: #e00000; margin-bottom: 20px; font-size: 15px; text-transform: uppercase; color: #fff; padding: 8px 20px; text-align: center; display: block; }

.cataloguebtn:hover{ color: #fff;}

.cataloguebtn:focus{ color: #fff;}

.video-page video{ width: 100%; height: 230px; }

.video-border{ border:5px solid #e6e6e6; width: 100%; height: 250px; margin-bottom: 20px;}

.video-border iframe{ width: 100%; height: 100%; border:none;}

.beautician-sec{ padding: 30px 0;} 

.innerpage-heading h3 {
    color: #e00000;
    text-align: center;
    margin: 8px 0;
    font-size: 22px;
}

.beauticianimg{ float: left; margin: 0 15px 15px 0; width: 231px;}

.beauticianimg .red-para{ margin-bottom: 0;}

.beautician-box img{     width: 100%; margin-bottom: 6px;}

.beautician-box p{ text-align: justify;}

.beautician-box .red-para{ text-align: center;}

.gallerybtn a{ display: inline-block;  font-size: 14px;
    text-transform: uppercase; background: #fff; border:2px solid #cd1419; color: #cd1419; padding: 6px 13px;}

.gallerybtn a:hover{ background: #cd1419; color: #fff;}

.information-technology-sec{ padding: 30px 0;  background: #f7f7f7;}

.information-technology-sec img{ margin-bottom: 8px;}

.redpatti{ background: #cd1419;}

.redpatti h3{ color: #fff; text-align: center; padding: 15px; font-size: 18px;}

.melawa-info .graybg {
    border: 2px solid #ecebeb;
    padding: 10px;
}

.melawa-info .graybg p{ font-size: 15px;} 

.lab-sec .number-box{ margin-bottom: 20px;}

.igp-sec { padding: 30px;background: #f7f7f7;}

.yellow-ribbon-page .graybg{padding: 30px;background: #f7f7f7; }

.stories-box1 .red-para{ text-align: left;}

.stories-box1 .red-para1{ text-align: center;}

.topHome {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    color: #fff;
    font-size: 15px;
    background: #272626;
    padding: 5px;
}
.topHome:focus{ color: #e00000;}
.topHome:hover{ color: #e00000;}

.youtubeinfo ul {
    padding-left: 20px;
    margin: 5px 0;
}

.youtubeinfo li { font-weight: 600; font-size: 15px; text-transform: capitalize; color: #e00000;}
.youtubeinfo p{ margin-bottom: 5px;}

.main-container{ max-width: 1920px; margin:0 auto;}
.container{ max-width: 1200px; margin: 0 auto;}

.bannerdiv img{ width: 100%;}

.wadiinfo-sec h5 {
    margin: 20px 0;
    font-size: 18px;
    color: #e00000;
}

.mt-10{ margin-top: 10px;}
.mt-20{ margin-top: 20px;}
.mt-30{ margin-top: 30px;}
.mb-20{ margin-bottom: 20px;}


.wadiinfo-sec ul{ padding-left: 20px;}

.dairy-info h5 {
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #e00000;
}

.dairy-info h3{ font-size: 18px; margin-bottom: 15px;}

.handicrafts-info h5 {
    font-size: 18px;
    color: #e00000;
    margin-bottom: 15px;
}
.handicrafts-info ul{ padding: 0 0 0 20px;}

.livelihood-box h5 {
    margin: 15px 0 10px 0;
    font-size: 16px;
}

.associated-para{ margin-top: 5%;}

.beautician-box h5 {
    margin-bottom: 15px;
    font-size: 18px;
}

.centerpara{ text-align: center !important;}

.border-box{ border: 1px solid #ccc; padding: 15px;}

.ul-box{ padding-left: 20px;}

.bg1 h5 {
    margin-bottom: 15px;
    font-size: 16px;
}
.softskil-training-sec h4{ font-size: 18px;}

.tablebox table{ text-align: center;}
.tablebox table th{ text-align: center;}
.training-based-icons h5{ text-align: center; color: #fff; font-size: 20px; margin-bottom: 10px;}

.partner-sec p{ text-align: left; color: #141414; font-size: 15px;}
.partner-sec .partner-graybox { background: #10081d; padding: 15px; text-align: center; margin-bottom: 15px; border-radius: 5px;}
.partner-sec .partner-graybox p{ color: #fff; margin-bottom: 0; text-align: center;}
.partner-sec h4 {
    margin-bottom: 10px;
    font-size: 22px;
    color: #333;
}
.partner-sec h5{ font-size: 16px;}
.information-technology-sec p{ margin-top: 30px;}
.information-technology-sec .red-para{ margin-top: 0;}

.vision-mission-info{  margin: 0; padding: 20px 0;}
.vision-mission-info img{ width: 100%; border-radius: 5px;}
.div-border{ border-bottom: 1px solid #ccc; }

.beautician-box h4 {
    font-size: 16px;
    margin: 15px 0;
    text-align: center;
}

.beautician-box .ul-box {
    border: 1px solid #ccc;
    padding: 20px 40px;
    margin: 0;
    background: #dcd6d6;
}

.beautician-box .ul-box li{ color: #000; font-size: 15px;}
.aarogyam-sec h5{ font-size: 16px; color: #e00000; margin: 15px 0;}
.aarogyam-sec ul{ padding-left: 20px;}
.graybg-aarogyam-info ul{ list-style: none; padding-left: 0;}
.graybg-aarogyam-info ul li{ background: url(../images/arrow.png) no-repeat 0 5px; padding-left: 20px; margin-bottom: 8px; line-height: 22px;}
.graybg-aarogyam-info img{ border-radius: 5px; width: 100%; border:2px solid #ccc; margin-bottom: 15px;}
.graybg-aarogyam-info{ background: #f9f9f9; padding: 20px;}
.gyanam-sec h5{ font-size: 16px; color: #e00000; margin: 15px 0;}
.gyanam-sec ul{  padding-left: 20px;}
.gyanam-sec li {
    line-height: 22px;
    padding-bottom: 10px;
    font-size: 15px;
}
.blackbg{ width: 100%; height: 200px; margin-bottom: 15px; background: #d4cfcf;}
.blackbg p {
    color: #333;
    text-align: center;
    padding: 32% 20px;
    font-size: 18px;}
.ceremony-img{ text-align: center;}
.livelihood-box .stall-img img{ width: 100%;}
.livelihood-box .gray-box img{ width: 100%;}
.muskaan-box img{ width: 100%;}
.handcrafted-sec img{ width: 100%;}
.yellow-ribbon-page .graybg img{ width: 100%;}
.tableinfo1 .handcraftedimg{ width: 100%;}
.wadi-info{ text-align: center;}
.gyanam-sec .smalltitle{ margin-top: 0;}
.products-page{ padding: 30px 0;}
.aarogyam-info li {
    line-height: 22px;
    padding-bottom: 6px;
    font-size: 15px;
}
.awards-info .projects-title{ padding-left: 20px;}
.uppercase {text-transform: uppercase !important;}
.fontstyle{ text-transform: initial !important;}

.sucess-msg-box .modal-content{ background:green; position: relative;}
.sucess-msg-box .modal-content p{ color: #fff; text-align: center; font-size: 18px;}
.sucess-msg-box .modal-header { padding: 0; border-bottom: none;}
.sucess-msg-box .close {
    color: #fff;
    text-shadow: none;
    opacity: 10;
    position: absolute;
    right: 12px;
    top: 10px;
    z-index: 1;
}
.sucess-msg-box .modal-dialog { margin: 18% auto;}

.footer-contact .footer-icon{ float: left;}
.footer-contact .footer-con-info{ float: left;}

.footer-contact .fonticon{
    color: #fff;
    margin-right: 10px;
    border-radius: 50%;
    padding: 4px 9px;
    text-align: center;
    background: #e00000;
    width: 30px;
    height: 30px;
}
.footer-contact .mt-10{ margin-top: 4px;}

.projects-graybox .padding-lr-reomve{ padding: 0;}

.service-training .table th,td{ font-size: 15px;}

.trainingcentre-box ul li{ font-size: 15px;}
.stories-info p{ font-size: 15px;}
.mentored p { height: 40px;}
.border-removebox{ border-bottom: none;}
.igp-sec1{ background: none; padding: 0;}

.arogyam-imgbox img {
    margin-bottom: 15px;
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 5px;
}

.vocational-training-sec img{ margin: 8px 0;}

.height-blank{ height: 50px;}
.darkgraybox {
    padding-top: 0;
    text-align: left;
}
.award-gallery img{ width: 100%;}
.award-graybg{ border:1px solid #ccc; padding: 10px; margin-bottom: 20px;}

.cultural-img img {
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
}

.paddingbox-right{ padding-right: 5px;}
.paddingbox-left{ padding-left: 5px;}

/*=================responsive==============*/

@media screen and (max-width :1920px){
.bannerdiv .item img{ width: 100%;}
}

@media screen and (max-width :1366px) {
.main-container{ width: 100%;}
.container{ width: 100%;}
}

@media screen and (max-width :1199px){
.intro .slogan{ padding: 17% 0;}
.intro .slogan h2{ font-size:39px;}
.imgdiv2 img{margin: 25px 0 0 8%;}
.nav>li>a{ padding:8px;}
.top-nav-collapse .navbar-nav>li>a { padding: 8px 12px;}
.home-heading{  position: relative;  bottom: 0;  background: #e00000; padding: 9px 0;}
.icondiv .fa{ font-size: 45px; }
.numbersdiv .hoverdiv p{ font-size: 14px;}
.about-section .redbox{ height: 520px;     padding: 40px 4%;}
.about-section .blackbox{ height: 520px;}
.panel-tabs > li > a{ padding: 22px;}
.bannerdiv .item img{ height: auto;}
.blackbox .col-xs-12{ width: 100%;}
.aboutdiv{ margin-top: 0;}
.navbar-custom ul.nav li a {font-size: 12px;}
.donorslist img{ width: 100%;}
.teambg{/* height: 420px; */height: auto;}
.navbar-default .navbar-nav>li>a {font-size: 12px;}
.bannerdiv h3{ font-size: 16px;}
.tablebox h5 {height: 67px;}
.updatedinfo p {font-size: 17px;}
.textpara h2{ font-size:21px;}
.footer-bottom p{ font-size: 14px;}
.pdfimg img{ width: 100%;}
.whitebox p{ height: 46px;}
.stories-box img{ width: 100%;} 
.icons-box{ text-align: center;}
.icons-box .ser-icon{ float: none; margin-bottom: 15px;}
.icons-box .ser-info{ float: none;  margin-left: 0; width: auto;}
.servicesicon .heading1{ width: 67%; }
div.bhoechie-tab-menu div.list-group>a.active:after{ margin-top: -49px; border-bottom: 52px solid transparent;
    border-top: 46px solid transparent;}
.camp-info ul{ width: auto;}
.mentored h3{  padding: 15px; font-size: 22px;}
.mentored .mentored-icon p{  font-size: 17px; }
.number-box p{ font-size: 12px;}
.number-box h4{ font-size: 30px;}
.handicrafts-box p{ font-size: 17px;}
.mahila-bachat {padding: 9px;}
.wadi-info img{ width: 100%;}
.wadiinfo-sec .panel-tabs {margin: 0 13%;}
.wadiinfo-sec img{ width: auto; }
.dairy-images img{ width: 100%;}
.mt-93 { margin-top: 56px;}
.ceremony-img img{ width: 100%;}
.numbers-bg .icondiv{ width: 65px; height: 65px;}
.numbers-bg .icondiv img { width: 68%;}
.numbersdiv p{ font-size: 28px;}
.aboutdiv h2{ font-size: 27px;}
.pdfinfo a { font-size: 14px;}
.sucess-msg-box .modal-dialog {
    margin: 24% auto;
}
.footer-contact .fonticon { margin-right: 6px;}
}

@media screen and (max-width :1063px) {
.footer-contact .fonticon { width: 26px; height: 26px; padding: 4px 8px;}
}

@media screen and (max-width :1051px) {
.footer-contact .footer-con-info{ width: 85%;}
}

@media screen and (max-width :1024px) {
.mt-93 { margin-top: 40px;}
.numbersdiv .projectpara{ font-size: 14px;}
.red-para{ font-size: 14px;}
}

@media screen and (max-width :991px){
.intro .slogan h2{ font-size:29px; margin-bottom: 0;}
.tariffbox h3{ text-align:center;}
.rulesbox ul{ margin-bottom:0;}
.navbar-custom ul.nav li a { font-size: 13px;}
.navbar-brand{ padding: 0;}
.top-nav-collapse .navbar-brand{ padding: 8px;}
.home-heading p{ font-size: 16px;}
.home-heading .smallpara {font-size: 14px;}
.bannerdiv .carousel-caption{  width: 32%;}
.numbersdiv p {font-size: 30px;}
.icondiv .fa{ font-size: 30px;}
.numbers-bg .icondiv{ width: 70px; height: 70px; padding-top: 10px;}
.aboutdiv h2{ font-size: 25px;}
.about-section .redbox {height: auto; padding: 40px 5%;}
.about-section .blackbox{ height: auto;}
.updatedinfo .btn{width: 70%;}
.bannerdiv .carousel-caption h2 {font-size: 40px;}
.carousel-caption h3{ font-size: 20px;}
.about-section .col-sm-6{ width: 100%;}
.numbersdiv .hoverdiv p{line-height: 18px;}
.formdiv .form-group{ text-align: left;}
.profileimg p{ font-size: 14px;}
.youtubeinfo p{ text-align: justify;}
.icondiv img{ width: 50px;}
.socialicon{ margin-bottom: 20px;}
.adressdiv p{ line-height: 24px; font-size: 14px;}
.about-box img{  width: 100px;}
.updatedinfo .btn {width: 75%;}
.teambg{ height:auto; margin-top: 10%;}
.textpara {padding-top: 20px;}
.pdfimg img{width: 400px;}
.img10 {margin:0 0 0 0;}
.stories-box .pull-left {float: none !important;}
.projects-graybox p{ font-size: 14px;}
.overlay-para p{ font-size: 12px;}
.camp-info li{margin-right: 0; }
.mentored .right-border{ border-bottom: 5px solid #e2e1e1; float: none; border-right: 0; text-align: center;}
.mentored .mentored-icon p{ float: none; padding-left: 0; font-size: 18px;}
.mentored h3{ float: none; display: inline-block; margin-bottom: 20px;}
.training-based-icons .col-md-3{ padding: 0 20px;}
.vocational-training{ background-size: cover;}
.num-border{ width: 92px;}
.projects-title h2{ font-size: 26px;}
.handicrafts-box {padding: 7% 9%;}
.handicrafts-box p {font-size: 14px;}
.wadiinfo-sec .panel-tabs { margin: 0 3%;}
.redbox1 {margin: 15px 0;}
.award-bg{ margin-bottom: 30px;}
.arrow-right{ bottom: 72px;}
.navbar-default .navbar-nav>li>a { font-size: 11px;}
.bannerdiv h3{ padding: 0;}
.navbar-header img{ width: 150px;}
.nav.navbar-nav{ margin-top: 6px;}
.beautician-box .ul-box{ margin-bottom: 20px;}
.melawa-info .graybg{ margin-bottom: 20px;}
.partner-sec .col-sm-6{ width: 33%;}
.mt-93 { margin-top: 0;}
.vision-mission-info img{ width: 100%;}
.teaminfo h1{ margin-bottom: 0;}
.teaminfo{ padding: 0 0 40px 0;}
.wadiinfo-sec img{ width: 100%; }
.trainingcentre-box .iti-centreimg img { width: 100%;}
.footer-contact .footer-con-info{ width: auto;}
.footer-contact .fonticon { width: 30px; height: 30px; padding: 6px 9px;}
.projects-box ul{ margin: 0;}
.projects-graybox p { margin: 14% 0 0 0;}
}

@media screen and (max-width :947px) {
.projects-graybox p {
    margin: 8% 0 0 0;
}
}

@media screen and (max-width :926px) {
.pdfinfo a{ margin: 5px 5px;}
.pdfinfo img{ margin-bottom: 20px;}
}

@media screen and (max-width :860px){
.intro{ top:67px;}
.intro .slogan {  padding: 15% 0;}
.teambg { margin-top: 14%; }
}

@media screen and (max-width :850px) {
.navbar-default .navbar-nav>li>a { font-size: 11px;}
.numbersdiv p { font-size: 26px;}
.number_info .col-sm-3{ padding: 0;}
.dropdown-menu>li>a{ font-size: 11px;}
}

@media screen and (max-width :832px) {
.mentored p { height: auto;}
}

@media screen and (max-width :820px){
.intro .slogan {  padding: 13% 0;}
}

@media screen and (max-width :800px) {
.nav>li>a {padding: 5px;}
.nav.navbar-nav {margin-top: 12px;}
.panel-tabs>li>a {padding: 22px;}
}

@media screen and (max-width :785px){
.intro .slogan {  padding: 10% 0;}
}

@media screen and (max-width :767px){
.intro { width: 80%;}
.intro .slogan {  padding: 15% 0;}
.imgdiv1{ text-align:center;}
.imgdiv2{ text-align:center;}
.imgdiv3{ text-align:center; margin-bottom: 70px;}
#amenities{ background-size:cover;}
.amenities_list .col-xs-12{ width:50%;}
#location{ background-size:cover;}
.locationbox  .col-xs-12{ width:50%;}
.desktop-heading{ display:none;}
.res-heading{ display:block;}
.modal-dialog{ margin: 20% 38px;}
.footer-top .btn{  margin-bottom:15px;}
.footer-top .pull-right{ float:none!important;}
.navbar-brand { padding: 0;}
.navbar-toggle{ margin-top:15px; font-size: 22px;}
.navbar-custom ul.nav li a { font-size: 13px;     text-align: center;}
.nav.navbar-nav{ margin-top:0;}
.home-section { padding: 80px 0;}
.intro{ top: 20px;}
.intro .page-scroll{ display:none;}
.bannerdiv{ margin-top:74px; height: auto;}
.gallerydiv .col-xs-12{ width:50%;}
.menubg{ top: 0;     padding: 10px 0;}
.navbar-toggle{ color: #000;}
.top-nav-collapse .navbar-brand {padding: 0;}
.navbar-fixed-top {position: fixed; background: #ffff;} 
.home-heading{ background: #e00000; position: relative; bottom: 0; }
.numbers-bg .remove-p{ padding: 0 15px;}
.numbers-bg .col-xs-12{ width: 50%; padding: 0;}
.numbersdiv p {font-size: 30px;}
.about-section .redbox {height: auto;  padding: 30px;}
.about-section .blackbox {height: auto; padding: 30px;}
.aboutdiv{ margin-bottom: 30px;}
.updatedinfo{ text-align: center;}
.updatedinfo .input-group{ margin: 10px auto;}
.footer-bottom{ text-align: center;}
.rightpara p {text-align: center;}
.navbar{ border-bottom: 2px solid #e00000; background: #fff;}
.btn-circle{ width: 50px;height: 50px;margin-top: 12px;padding: 2px 13px; font-size: 30px;}
.bannerdiv .carousel {position: relative;}
.bannerdiv .carousel-caption h2 {font-size: 30px;}
.blackbox .col-xs-12{ padding: 0;}
.adressdiv h3 {text-align: left; margin: 15px 0;}
.navbar-nav .open .dropdown-menu{ background-color: #e0e0e0; }
.about-info{ margin-top: 30px;}
.about-box img {width: auto;}
.about-box p{ text-align: justify;}
.about-box li{ text-align: justify;}
.teambg{ padding: 10px;}
.info-effect img{ margin-bottom: 20px;}
.desktop-navbar{ display: none;}
.pdfimg{ text-align: center;}
.pdfimg img{ width: auto;}
.res-menu{ display: block;}
.desktop-menu{ display: none;}
.navbar{padding: 4px 0; }
.inner-bg{margin-top: 74px; }
.projects-graybox{ text-align: center;}
.projects-graybox img{ width: auto;}
.projects-box ul{ margin-bottom: 0;}
.vocational-training { background: #f1f1f1;}
.bg1{ background-size: cover;}
.imgbox{ margin-bottom: 20px;}
.camp-icon{ padding-top: 8%;}
.camp-info li { margin-right: 30px;}
.camp-info ul{ width: 57%;}
.mentoring-sec{ text-align: center;}
.mentoring-sec .left-border{ margin: 0 auto 20px auto;}
.footer-bottom p {font-size: 14px;}
.mentoring-sec .img-para{ font-size: 13px; margin-bottom: 20px;}
.mentoring-sec .mentored p{ font-size: 15px; height: 40px;}
.ser-info h4{ font-size: 18px; }
.gallery-sec{ display: none;}
.responsive-panel{ display: block;}
.accordian-info h4{ text-transform: capitalize;}
.accordian-info a:hover{ color: #e00000;}
.accordian-info .panel-title img{ float: left;}
.accordian-info .panel-title .res-accordian-para{ float: left; width: 75%; margin: 28px 15px;}
.num-border { width: 9px; margin: 0 auto; height: 86px; background: #e00101; border: none; float: none;}
.bg-circle{ top: 0;}
.desktop-number{ display: none;}
.res-number{ display: block;}
.overlay-para p {font-size: 14px;}
.gradient-border img{ width: 100%;}
.number-box{ margin-bottom: 20px;}
.gradient-border{ padding: 30px 0;}
.livelihood-box{ text-align: center;}
.livelihood-box p{ text-align: justify;}
.livelihood-page h4{ text-align: left;}
.livelihood-circle .num-box p{ text-align: center;}
.livelihood-circle .num-box h4{ text-align: center;}
.projects-title h2{ text-align: left; font-size: 22px;}
.handcrafted-sec img{ width: auto;}
.livelihood-box .red-para{ text-align: center;}
.handicrafts-bg ul li{ text-align: justify;}
.handicrafts-bg .arrow-right{ display: none;}
.handicrafts-box {padding: 7%;}
.handicrafts-box p{ margin-bottom: 0; font-size: 16px;}
.gray-box{ margin-bottom: 20px;}
.handicrafts-bg ul{ padding-left: 20px;}
.yellow-ribbon-icon h4{ text-align: center; font-size: 30px;}
.yellow-ribbon-icon p{ text-align: center; font-size: 18px;}
.yellow-ribbon-page img{ width: auto;}
.wadiinfo-sec img { width: auto; margin-bottom: 10px;}
.wadiinfo-sec .panel-tabs {margin: 0 1%;}
.tabbox .redbox1 h3{ margin: 0 auto;}
.tabbox .right-border { float: none; text-align: center; border-right:none;}
.tabbox .redbox1 p{ text-align: center;}
.tabbox{text-align: center;}
.wadiinfo-sec{ text-align: center;}
.wadiinfo-sec ul li{ text-align: left;}
.ulborder {border-left: none;}
.dairy-images img{ width: auto;}
.dairy-images{ text-align: center;}
.vocational-training-page img{ width: auto;}
.vocational-training-page{ text-align: center;}
.iti-buildingimg {margin: 5% 0;}
.press-gallery{ text-align: center;}
.press-gallery img { width: 370px; margin: 0 auto;}
.bg-box{ text-align: center; margin-top: 15px;}
.bg-box img{ width: auto;}
.bg1 ul {padding: 0 0 0 20px;}
.navbar-default .navbar-nav>li>a {font-size: 14px;}
.bg-box p{ margin-bottom: 15px;}
.gallerybtn a{ margin-bottom: 15px;}
.profilediv .col-xs-12{ width: 50%;}
.wadiinfo-sec ul{ margin-bottom: 0;}
.gift-tokri-stall{ width: 100% !important;}
.projects-box li{ text-align: left;}
.livelihood-box1 img{ width: auto;}
.associated-para{ margin-top: 0;}
.ul-box{ margin-bottom: 0;}
.melawa-info .graybg{ margin-bottom: 15px;}
.melawa-info .col-sm-6{ width: 50%;}
.information-technology-sec{ text-align: center;}
.information-technology-sec p { margin-top: 0;}
.gallery-box .col-sm-6{ width: 50%;}
.navbar-header img { width: 75%;}
.aarogyam-img .col-sm-6{ width: 50%;}
.bannerdiv .carousel-caption { padding: 8px 18px;}
.bannerdiv h3{  text-align: left;}
.beautician-box .col-sm-6{ width: 50%;}
.partner-sec .col-sm-6{ width: 50%;}
.handcrafted-sec h4{ text-align: center;}
.livelihood-box .gray-box img{ width: auto;}
.blackbg p{    padding: 13% 20px;}
.livelihood-box .stall-img img{ width: auto;}
.yellow-ribbon-page .graybg { padding: 15px;}
.mahila-bachat{ padding: 0;}
.dropdown-menu>li>a{ font-size: 14px;}
.vision-mission-info img{ width: 100%;}
.wadiinfo-sec p{ text-align: left;}
.vocational-training-page p{ text-align: left;}
.vocational-training-page li{ text-align: left;}
.vocational-training-page .red-para{ text-align: center;}
.trainingcentre-box .iti-centreimg img { width: auto;}
.iti-buildingimg{ text-align: center;}
.iti-buildingimg img{ width: auto;}
.trainingcentre-box .border-left {border-left: none;}
.trainingcentre-box .iti-centreimg{ margin-top: 0;}
.sucess-msg-box .modal-dialog{ width: 75%;}
.cleardiv1{ clear: both;} 
.projects-graybox p { margin: 5px 0;}
.numbers-bg .paddingdiv{ height: 200px;}
.imgbox-sec .col-sm-6{ max-width: 50%; flex: 0 auto;}
.award-gallery .col-sm-4{ max-width: 50%; flex: 0 auto;}
.paddingbox-right{ padding-right: 15px;}
.paddingbox-left{ padding-left: 15px;}
.igp-imgbox .col-sm-6{ max-width: 50%; flex: 0 auto;}
.igp-imgbox img{ width: 100%;}
.video-page .col-sm-6{ max-width: 50%; flex: 0 auto;}
}

@media screen and (max-width :737px) {
.panel-tabs>li>a {padding: 13px;}
}

@media screen and (max-width :736px) {
.mentoring-sec .img-para { font-size: 14px;}
}    

@media screen and (max-width :682px) {
.panel-tabs>li>a{ font-size: 15px;}
}

@media screen and (max-width :710px){
.intro .slogan { padding: 15% 0;}
}

@media screen and (max-width :687px) {
.updatedinfo .btn {width: 50%;}
}

@media screen and (max-width :685px){
.intro .slogan { padding: 13% 0;}
}

@media screen and (max-width :660px){
.bannerdiv .carousel{ position: relative;}
.intro { width: 100%;  top: 0; background: #05f0f6; padding:15px;}
.intro .slogan { padding: 0;}
.bannerdiv .container{ padding:0;}
.intro .slogan h2{ text-shadow: none; color:#222;}
.intro .slogan p{ text-shadow: none; color:#222;}
.profilediv .col-xs-12 { width: 100%;}
.gallery-heading p{ font-size: 16px; }
.teambg { margin-top: 20%;}
.products-page .pdfimg img{ width: 100%;}
}

@media screen and (max-width :630px) {
.pdfdiv .pdfimg img{ width: 100%;}
.yellow-ribbon-page img{ width: 100%;}
.bannerdiv h3 { font-size: 18px;}
}

@media screen and (max-width :600px){
.numbers-bg .icondiv {width: 70px;height: 70px;}
.numbersdiv p {font-size: 30px;}
.icondiv .fa {font-size: 22px;}
.numbers-bg .paddingdiv{ height: 180px; padding: 15px 20px;}
.bannerdiv .carousel-caption h2 {font-size: 25px;}
.carousel-caption h3 {font-size: 20px;}
.bannerdiv p{font-size: 15px;line-height: 16px;}
.footer-bottom .p-t {padding-top: 8px;}
.donorslist .thumbnail {width: 85%;margin: 0 15px;}
.training-based-icons .col-md-3 { width: auto; padding: 0 20px;}
.ser-info h4 { font-size: 30px; margin-bottom: 10px;}
.ser-info p{ font-size: 20px;}
.icons-box .ser-icon{width: auto;}
.yellow-ribbon-tablebox .padding-left{ border-left:none;}
.yellow-ribbon-tablebox h4{ text-align: center; font-size: 20px;}
.yellow-ribbon-tablebox p{ text-align: center; font-size: 17px;}
.award-bg .col-xs-4{ width: 100%;}
.award-bg .col-xs-8{ width: 100%;}
.arrow-right{ display: none;}
.awards-box { padding: 20px; height: auto;}
.award-img{ width: 182px; margin: 0 auto;}
.bannerdiv .carousel-caption{ width: 68%;}
.video-page .col-sm-6{ max-width: 100%; flex: 0 auto;}
}

@media screen and (max-width :590px){
.bannerdiv .carousel-caption h2 {font-size: 22px;}
.carousel-caption h3 {font-size: 16px;}
.bannerdiv p{  font-size: 14px;line-height: 16px;}
}

@media screen and (max-width :588px){
.award-img{ width: 100%;}
.awards-info .award-img{width: 182px; }
}

@media screen and (max-width :575px){
.numbers-bg .col-xs-12 {width: 100%;}
.numbers-bg .paddingdiv{height: auto; padding:30px 20px;}
.numbersdiv .hoverdiv p {font-size: 16px;}
.numbers-bg .icondiv{ margin: 0 auto; width: 80px; height: 80px; }
.numbers-bg{ background-size: cover;}
.about-box .col-xs-3{ width: 100%;}
.about-box .col-xs-9{ width: 100%;}
.about-box img{ margin-bottom: 20px;}
.about-box p{ text-align: center;}
.about-box li{ text-align: justify;}
.about-box{ text-align: center;}
.about-box .borderdiv1{ margin: 0 auto 15px auto; }
.navbar-toggle {margin-top: 15px;}
.camp-info ul {width: 65%;}
.projects-title h2{  font-size: 18px;}
.bannerdiv .carousel-caption { padding: 148px 12px;}
.numbersdiv .projectpara { font-size: 15px;}
.sucess-msg-box .modal-dialog { margin: 65% auto;}
p{ font-size: 14px;}
.youtubeinfo li{ font-size: 14px;}
.aboutdiv p { font-size: 14px;}
.profileimg p { font-size: 14px;}
.about-box p { font-size: 14px;}
.info-effect li{ font-size: 14px;}
.about-box li { font-size: 14px;}
.projects-box li { font-size: 14px;}
.bg-box h4{ font-size: 15px;}
.mentoring-sec { padding: 15px 0;}
.vocational-training .bg-box p { font-size: 15px;}
.beautician-box .ul-box li{ font-size: 14px;}
.service-training .table th, td {font-size: 14px;}
.melawa-info .graybg p { font-size: 14px;}
.mentoring-sec .mentored p { font-size: 14px;}
.partner-sec p{ font-size: 14px;}
.mentoring-sec h3{ font-size: 20px;}
.partner-sec h4{ font-size: 20px;}
.softskil-training-sec h3{ font-size: 20px;}
.handicrafts-bg ul li {font-size: 14px; text-align: left;}
.aarogyam-info li{ font-size: 14px;}
.gyanam-sec li{ font-size: 14px;}
.wadiinfo-sec ul li{ font-size: 14px;}
.dairy-development-page ul li{ font-size: 14px;}
.vocational-training-page ul li{ font-size: 14px;}
.trainingcentre-box ul li { font-size: 14px;}
.trainingcentre-box .ulbox ul li { font-size: 14px;}
.stories-info p { font-size: 14px;}
.awards-box p{ font-size: 14px;}
}

@media screen and (max-width :572px) {
.panel-tabs>li>a {padding: 12px 10px;}
}

@media screen and (max-width :570px) {
.livelihood-box .col-xs-4{ width: 100%;}
.livelihood-circle .num-box{ margin: 3% auto;}
}

@media screen and (max-width :560px){
.res-scroll{ top:150px;}
}


@media screen and (max-width :550px){
.amenities_list .col-xs-12{ width:100%;}
.amenities_list ul{ margin-bottom:0;}
.locationbox  .col-xs-12{ width:100%;}
.locationbox ul{ margin:0;}
.locationbox h3{ margin-bottom:15px;}
.map iframe{ height:300px;}
.training-based-icons .col-md-3 {width: 100%;}
.icons-box{ margin-bottom: 30px;}
.training-based-icons{padding: 50px 0 20px 0; }
.yellow-ribbon-tablebox h4{ font-size: 15px;}
.carousel-caption h3{ line-height: 20px;}
.melawa-info .col-sm-6{ width: 100%;}
.igp-imgbox .col-sm-6{ max-width: 100%; flex: 0 auto;}
}

@media screen and (max-width :531px) {
.inner-bg h2{ font-size:24px;}
.about-info .col-xs-6 {width: 100%;}
.pdfinfo a{ margin: 6px 0;}
.pdfinfo img{ margin-bottom: 15px;} 
}

@media screen and (max-width :525px){
.intro .slogan h2{ line-height: 36px;}
.section-heading h2{ font-size:30px;}
}

@media screen and (max-width :500px) {
.success-info .col-xs-6{ width: 100%;}
.img-collage .col-xs-7{ width: 100%;}
.img-collage .col-xs-5{ width: 100%;}
.mentoring-sec .col-xs-6{ width: 100%;}
.overlay-para p {font-size: 15px;}
.camp-info .carousel-control{ top: -100px;}
.accordian-info .panel-title .res-accordian-para{ width: 65%;}
.accordian-info h4 {text-transform: capitalize;font-size: 14px; line-height: 18px;}
.accordian-info .panel-title .res-accordian-para{ margin: 25px 15px;}
.livelihood-box .gray-box img{ width: 100%;}
.livelihood-box .stall-img img{ width: 100%;}
.iti-buildingimg img{ width: 100%;}
.mentoring-sec .mentored p{ height: auto;}
.accordian-info .panel-title img { width: 60px; margin-top: 11px;}
}

@media screen and (max-width :498px) {
.donorslist img { width: auto;}
.donorslist .thumbnail {width: 95%;}
}

@media screen and (max-width :492px){
.camp-info li {margin-right: 0; float: none; text-align: left;}
.camp-info ul {width: auto;}
}

@media screen and (max-width :489px) {
.accordian-info .panel-title p{ width: 70%;}
}

@media screen and (max-width :460px) {
.wadiinfo-sec img{ width: 100%;}
.press-gallery img { width: 100%; margin: 0 auto;}
.aarogyam-img .col-sm-6{ width: 100%;}
.partner-sec .partner-graybox{     padding: 10px;}
.partner-sec .partner-graybox p{ font-size: 14px;}
}

@media screen and (max-width :450px){
.res-scroll{ top:120px;}
.map iframe{ height:200px;}
.handcrafted-sec img{ width: 100%;}
.livelihood-box .col-xs-6{ width: 100%;}
.softskil-training-sec .col-xs-6{ width: 100%;}
}

@media screen and (max-width :438px){
.tariffbox1 a{ margin-bottom:10px;}
.tariffbox h3{ font-size:16px;}
}

@media screen and (max-width :430px){
.bannerdiv .carousel-caption h2{ font-size: 18px;}
.home-heading p {font-size: 15px;}
.bannerdiv .carousel-caption a{ margin-top: 3px; font-size: 10px;}
.carousel-caption h3 {font-size: 14px;}
.bannerdiv p {font-size: 12px;}
.gallery-heading p{ font-size: 15px;}
.gallery-box h4{ font-size: 15px;}
.vocational-training-page img{ width: 100%;}
.bg-box img {width: 100%;}
}

@media screen and (max-width :423px){
.dairy-images img{ width: 100%;}
}


@media screen and (max-width :420px){
.numbers-bg .paddingdiv{padding: 30px 20px;}
}

@media screen and (max-width :415px) {
.accordian-info .panel-title p { width: 66%;}
}

@media screen and (max-width :414px){
.gallerydiv .col-xs-12 { width: 100%;}
.navbar-toggle {margin-top: 15px;}
.bannerdiv {margin-top: 74px;}
.youtube-sec iframe{ height: 250px;}
.inner-bg {margin-top: 74px;}
.inner-bg h2 {font-size: 22px;}
.livelihood-box1 img{ width:100%;}
.teambg { margin-top: 30%; }
.gallery-box .col-sm-6 { width: 100%;}
.height-blank { height: auto;}
.imgbox-sec .col-sm-6 { max-width: 100%; flex: 0 auto;}
.award-gallery .col-sm-4{ max-width: 100%; flex: 0 auto;}
}

@media screen and (max-width :400px){
.numbers-bg .col-xs-12{ padding: 0;}
.teambg{ margin-top: 30%;}
.partner-sec .partner-graybox { padding: 15px;}
.partner-sec .partner-graybox p { font-size: 15px;}
.partner-sec .col-xs-6{ width: 100%;}
.tablebox table{ font-size: 12px;}
}

@media screen and (max-width :390px) {
.tablebox h5 {height: auto;}
.whitebox p{padding: 6px 4px;     height: 45px;}
.beautician-box .col-sm-6{ width: 100%;}
}

@media screen and (max-width :382px){
.updatedinfo .btn {width: 63%;}
}

@media screen and (max-width :375px) {
.accordian-info .panel-title .res-accordian-para {
    width: 60%;
    font-size:13px;
    margin: 14px 15px;
}
.accordian-info .panel-title img{ width: 60px;}
.service-training .table th, td { font-size: 13px;}
}

@media screen and (max-width :372px) {
.accordian-info .panel-title p { width: 64%; font-size: 14px; line-height: 18px;}
}

@media screen and (max-width :337px) {
.donorslist img {width: 100%;}
.donorslist .thumbnail {width: 88%;}
.info-effect li{ font-size: 14px;}
.table-heading h1{ font-size: 15px;}
}

@media screen and (max-width :369px){
.bannerdiv .carousel-caption h2 {font-size: 15px;}
.bannerdiv .item img {height: 162px;}
}

@media screen and (max-width :364px) {
.carousel-caption h3 {font-size: 13px;}
}

@media screen and (max-width :324px){
.updatedinfo .btn {width: 61%;}
}

@media screen and (max-width :320px){
.amenitiesdiv img{ max-width:60%; }
.tariffbox h3 {    font-size: 16px;    line-height: 25px;}
}

@media screen and (max-width :311px){
.adressdiv p{ font-size: 13px;}
.updatedinfo .btn {width: 58%;}
}